//入口函数
$(function () {
    //单机 注册
    $('#link_reg').on('click', function () {
        //注册表单显示
        $('.reg-box').show()
        //登录表单隐藏
        $('.login-box').hide()
    })
    $('#link_login').on('click', function () {
        //注册表单隐藏
        $('.reg-box').hide()
        //登录表单显示
        $('.login-box').show()
    })
    //获取layui提供的form表单
    var form = layui.form
    //自定义表单验证
    //form.verify({})
    form.verify({
        //检验密码长度
        pwd: [
            /^[\S]{6,12}$/, '密码必须是6-12位'
        ],
        //验证两次密码是否一致
        repwd: function (value) {
            var pwd = $('#form_reg [name=password]').val()
            if (pwd !== value) {
                return '两次密码不一致'
            }
        }
    })
    //________________________________
    //给注册表单 提交 事件
    $('#form_reg').on('submit', function (e) {
        //阻止默认行为
        e.preventDefault()
        //搜集数据
        //收集表单里的数据 接口只要两个参数
        var data = {
            username: $('#form_reg [name=username]').val(),
            password: $('#form_reg [name=password]').val()
        }
        //发送ajax请求 调用接口
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: data,
            success: function (res) {
                // console.log(res);
                //判断是否成功
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 2 });
                }
                //提示注册成功
                layer.alert('酷毙了', { icon: 1 });
                //显示登陆表单 （触发 去登陆 的单机事件）
                $('#link_login').click()
            }
        })
    })
    //=======================================
    $('#form_login').on('submit', function (e) {
        //阻止表单默认提交行为
        e.preventDefault()
        //收集表单数据
        var data = $(this).serialize()

        //效验数据
        //发送ajax请求 调用登陆接口
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: data,
            success: function (res) {
                console.log(res);
                //判断是否成功
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 2 });
                }

                //把登陆成功之后的token，保存到本地储存中 为了以后调接口用
                localStorage.setItem('token', res.token)
                //登陆成功提示框
                layer.msg('登陆成功');
                location.href = '/index.html'
            }
        })
    })
})